// --------------------------------------------------
// 标签
// @Author: steven.wjx
// @Date:   2020-03-05 13:17:50
// --------------------------------------------------
.#{$ui-name}tag {
	@include inline-block;
	min-width: 10px;
	padding: 3px 6px;
	margin-right: 5px;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	border: 1px solid $border-color;
	border-radius: $border-radius / 2;

	// Empty badges collapse automatically (not available in IE8)
	&:empty {
		display: none;
	}
}

// 虚线边框
.#{$ui-name}tag-dash {
	border-style: dash;
}

// 实心标签
.#{$ui-name}tag-primary {
	@include tag-variant($primary-color);
}

.#{$ui-name}tag-info {
	@include tag-variant($info-color);
}

.#{$ui-name}tag-success {
	@include tag-variant($success-color);
}

.#{$ui-name}tag-warning {
	@include tag-variant($warning-color);
}

.#{$ui-name}tag-danger {
	@include tag-variant($danger-color);
}

// 镂空标签
.#{$ui-name}tag-primary-outline {
	@include tag-outline-variant($primary-color);
}

.#{$ui-name}tag-info-outline {
	@include tag-outline-variant($info-color);
}

.#{$ui-name}tag-success-outline {
	@include tag-outline-variant($success-color);
}

.#{$ui-name}tag-warning-outline {
	@include tag-outline-variant($warning-color);
}

.#{$ui-name}tag-danger-outline {
	@include tag-outline-variant($danger-color);
}